<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>
    <link type="text/css" rel="stylesheet" href="css/getOrder.css">
    <link href="css/base.css" rel="stylesheet">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/getOrder.js" rel="script"></script>
    <script src="js/jquery-cookie.js"></script>
</head>
<body>
<div id="menu">
    <div id="menu_content">
        <ul id="m_left">
            <li><i class="iconfont"></i><a href="index.html">京东首页</a></li>
            <li class="iconfont red font14"></li>
            <li><a>北京</a></li>
        </ul>
        <ul id="m_right">
            <li id="m_right_first"><a href="login.html"><span class="red">你好，请登录 &nbsp;</span></a><a href="Login_1.html">免费注册</a></li>
            <li class="spacer"></li>
            <li class="dt"><a href="getOrder.html" target="_blank">我的订单</a></li>
            <li class="spacer"></li>
            <li class="dt1"><a>我的京东</a><i class="iconfont"></i></li>
            <li class="spacer"></li>
            <li class="dt"><a>京东会员</a></li>
            <li class="spacer"></li>
            <li class="dt1"><span class="red">企业采购</span><i class="iconfont"></i></li>
            <li class="spacer"></li>
            <li class="dt1">客户服务<i class="iconfont"></i></li>
            <li class="spacer"></li>
            <li class="dt1">网站导航<i class="iconfont"></i></li>
            <li class="spacer"></li>
            <li class="dt">手机京东</li>
        </ul>
    </div>
</div>
    <div id = "head">
        <div class="logo">
            <a href="index.html" target="_blank" class="fore1"></a>
            <div class="fore2"><a href="index.html" target="_self">我的京东</a></div>
            <a href="index.html" target="_blank" class="fore3"><span>返回京东首页</span></a>
        </div>
        <div class="navitems">
            <a target="_self" href="index.html"><li class="fore-1">首页</li></a>
            <a target="_self" href="#"><li class="fore-1">账户设置&nbsp;<i class="iconfont"></i></li></a>
            <a target="_self" href="#"><li class="fore-1">评价&nbsp;<i class="iconfont"></i></li></a>
            <a target="_self" href="#"><li class="fore-1">消息&nbsp;6</li></a>
        </div>
        <div class="nav_r">
            <div class="my_cart">
                <i class="ci-left"></i>
                <a href="cart.html">我的购物车</a>
                <i class="ci-count">0</i>
                <i class="ci-right">&gt;</i>
            </div>
            <div class="form">
                <input type="text" class="text_box" placeholder="华为手机">
                <input type="button" value="搜索" class="search_btn">
            </div>
        </div>
    </div>
    <div id= "main_body">
        <div class="orderBox">
            <div class="boxHead">
                <span class = "createTime">2019-08-12-12-47-22</span>
                订单号：<span class = "orderId">1</span>
                <div class="imgBox"><img src="../html/images/getOrder.png"></div>
            </div>
            <div class="boxBody">
                    <div class = "part1">
                        <div class="orderitem">
                            <div class = "mainImgBox">
                                <img src="../img/apple.png">
                            </div>
                            <div class="nameBox">
                                <span class="name">这是一个苹果</span><br><br>
                                <span class = "like">相似商品</span>
                            </div>
                            <div class="numBox">x<span>1</span></div>
                        </div>
                    </div>
                    <div class="part2">
                        <span class="receiveName">钱琦瑛</span>
                    </div>
                    <div class="part2">
                        <div class="up">
                            总额 ￥<span> 33.00</span>
                        </div>
                        <div class = "down">
                            在线支付
                        </div>
                    </div>
                    <div class="part2">
                        <span class = "p21">已取消</span><br>
                        <span class = "p22">订单详情</span>
                    </div>
                    <div class="part3">
                        <div class="p31">
                            <input type="button" name="deleteOrder" value="删除" id = "de">
                        </div>
                    </div>
            </div>
        </div>

    </div>
</body>
</html>